﻿
#mapContainer {
    font-family:"Segoe UI Light","Source Sans Pro", Sans-Serif;
    font-size:large;
    width:100%;
    height:100%;
    position:relative;
    float:left;
}

/*Styling for the Base Map layer selector in the map sidebar*/
div#baseMapSelectorWrapper{
    position:fixed;
	left:50px;
	top:40px;
	height:35px;
	width:231px;
	margin:10px;
	z-index:100;
}

div.baseMapSelector{
	width:75px;
	height:33px;	
	float:left;
	font-size: 14px;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
	background:rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.1);
	cursor:pointer;
	
}

div.baseMapHover{
	background:rgba(0,0,0, 0.9);
}

div.baseMapSelected{
	background:rgba(0,0,0, 0.7);
}

div.baseMapSelector p, div.mapOverlayItem p
{
    padding-top:4px;
	margin:3px;				
	color:white;
}

div#toolbarStartBtn {
    /*padding-top:16px;
    padding-left:12px;*/
    position:fixed;
    right:50px;
    top:50px;
    height:48px;
    width:48px;		
}

.mapOverlayItem {
    background:rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.1);
	cursor:pointer;
    z-index:100;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.toolbarItem {
    width:48px; 
    height:50px;
    float:left;
}

.expandedTool {
    position: fixed;
    right:100px;
    top:100px;
    width:300px;
    min-height:330px;
    max-height:700px;
    display:none;
}

div.toolItemHover{
	background:rgba(0,0,0, 0.9);
}

div.toolItemSelected{
	background:rgba(0,0,0, 0.7);
}

